<html>
	<head>
		<meta charset="utf-8">
		<title>wedding</title>
		<style>
	*{
			margin: 0 ;
			}
			.img{
				vertical-align: bottom ;
			}  
			
			.fl{
				float: left;
			}
			.fr{
				float: right;
			}
			.bd{
			    border: 1px solid red;
			} 
			.w{
				width: 1080px;
				margin: 0 auto;
			}
			.header{
			}
			.ad1{
					padding: 15px 0px;
			}
			.ad2{
				
			}
			/* 以下是banner区 */
			.banner{
				height: 555px;
				padding-top: 15px;
			}
			.banner_ad{
				padding-top: 15px;
			}
			.banner_ad div:nth-child(2){                                            
				padding: 0 15px;
			}
			/* 以下是main区 */
			.main{
				
			}
			.title{
			   border-bottom: 2px solid #f4f3ef ;
	            padding-top: 35px;	
			  /* height: 42px; */
			}
			.title h3{
				font-family: "黑体";
				font-size: 24px;
				line-height: 42px;
			}
			.brand{
	            padding-top: 15px;
				height: 460px;
			}
			.brand .fl{
				/* width: 259px; */
				padding-right: 15px;
		}
			.brand .fl:nth-child(4){
				padding-right: 0;
			}
			/* 风格区 */
			.style{
				padding-top: 15px;
				height: 612px;
				}
			.style_l div:nth-child(2){
				padding-top: 15px;
				}
			
			.style_r{
			width: 685px;
			padding-left: 20px;
			}
			.style_r .fl{	
				padding: 0 15px 15px 0;
				
				
				
			}
			.style_r div:nth-child(3n){
				padding-right: 0;
			}
			/* 以下是用户评价区 */
			
			.user{
				padding-bottom: 55px;
			}
			.title2 h3{
				
				padding-top: 58px;
				padding-bottom: 17px;
				font-family: "红体";
				color: #FF0000;
				font-size: 19px;
				line-height: 72px;
				
			}
			.eva{
				padding-bottom: 55px;
			}
			.eva div:nth-child(2)
			{
				padding-left: 9px;
				padding-right: 41px;
			}
			.eva div:nth-child(4)
			{
				padding-left: 26px;
				padding-right: 36px;
			}
			.eva div:nth-child(6)
			{
				padding-left: 8px;
				
			}
			.marry{
				padding-top: 15px;
				height: 467px;	
			}
			.marry1{
				padding-right: 28px;
			}
			.marry1 div:nth-child(2)
			{
				padding-top: 12px;
				
			}
			.marry2 div:nth-child(2){
				padding: 0 15px;
			}
			.marry2 div:nth-child(5){
				padding: 15px 15px 0 15px;
			}
			.marry2 div:nth-child(4){
				padding-top: 15px;
			}
			.marry2 div:nth-child(6){
				padding-top: 15px;
			}
		</style>
	</head>
	<body>
		<div class="w header"><img src="case-01_02.gif" alt=""></div>
		<div class="bd w ad1"><img src="case-01_05.gif" alt=""></div>
		<div class="w ad2"><img src="case-01_07.gif" alt=""></div>
		<!-- 以下是banner区 -->
		
		<div class="w banner">
		<div class="fl banner_l">
			<div><img src="123_03.gif" alt=""></div>
			<div class="banner_ad">
				<div class="fl"><img src="456_03.gif" alt=""></div>
				<div class="fl"><img src="456_05.gif" alt=""></div>
				<div class="fl"><img src="456_07.gif" alt=""></div>
			</div>
		</div>
		<div class="fr banner_r"><img src="123_05.gif" alt=""></div>
		</div>
		<!-- 以下是main区 -->
		<div class="w main">
		<div class="title">
			<h3>品牌</h3>
		</div>
		<div class="brand">
			<!-- div.f1*4>img -->
		<div class="fl"><img src="321_03.gif" alt=""></div>
		<div class="fl"><img src="321_05.gif" alt=""></div>
		<div class="fl"><img src="321_07.gif" alt=""></div>
		<div class="fl"><img src="321_09.gif" alt=""></div>
		</div>
		<div class="title">
			<h3>风格</h3>
		</div>
		<!-- 以下是style区 -->
		<div class="style">
			<div class="fl style_l">
				<div><img src="7523_03.gif" alt=""></div>
				<div><img src="7523_06.gif" alt=""></div>
			</div>
			
		<div class="fl style_r">
			<div class="fl"><img src="654_18.gif" alt=""></div>
			<div class="fl"><img src="654_20.gif" alt=""></div>	
			<div class="fl"><img src="654_22.gif" alt=""></div>
			<div class="fl"><img src="654_27.gif" alt=""></div>
			<div class="fl"><img src="654_28.gif" alt=""></div>
			<div class="fl"><img src="654_29.gif" alt=""></div>
			<div class="fl"><img src="654_37.gif" alt=""></div>
			<div class="fl"><img src="654_38.gif" alt=""></div>
			<div class="fl"><img src="654_39.gif" alt=""></div>
			</div>
		</div>
		</div>
			<!-- 以下是用户菜单区 -->
			<div class=" w user">
		<div class="title2">
			<h3>用户晒单</h3>
		</div> 
		<div class="eva">
			<div class="fl"><img src="521_03.gif" alt=""></div>
			<div class="fl"><img src="521_05.gif" alt=""></div>
			<div class="fl"><img src="521_07.gif" alt=""></div>
			<div class="fl"><img src="521_09.gif" alt=""></div>
			<div class="fl"><img src="521_11.gif" alt=""></div>
			<div class="fl"><img src="521_13.gif" alt=""></div>
		</div>
		<div class="title">
			<h3>婚庆</h3>
		</div>
		<div class="marry">
			<div class="fl marry1">
			<div class=""><img src="251_03.gif" alt=""></div>
			<div class=""><img src="251_15.gif" alt=""></div>
			</div>
			<div class="marry2">
			<div class="fl"><img src="251_05.gif" alt=""></div>
			<div class="fl"><img src="251_07.gif" alt=""></div>
			<div class="fl"><img src="251_09.gif" alt=""></div>
			<div class="fl"><img src="251_16.gif" alt=""></div>
			<div class="fl"><img src="251_17.gif" alt=""></div>
			<div class="fl"><img src="251_18.gif" alt=""></div>
			</div>
		</div>
				<div><img src="152_03.gif" alt=""></div>
		</div>
	</body>
</html>
